<!DOCTYPE html>
<html>
<head lang="en">
    <link rel="stylesheet" href="../css/bootstrap.css">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" charset="UTF-8">
    <title>省市级联动</title>
</head>
<body>

    <div class="container">
        <select id="province">
        </select>
        <select id="city"></select>
        <select id="town"></select>
    </div>

<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/bootstrap.js"></script>
<script type="text/javascript" src="../js/data.js"></script>
<script type="text/javascript" src="../js/citycascade.js"></script>
<script>
    $(function(){
        citycascade("province","四川","city","合肥","town","");
    });
</script>
</body>
</html>